// 分类业务

(function(){
// 获取当前传递过来的cat_id
let catId = yzb.getUrlValue('catId');
let catName = yzb.getUrlValue('catName');

// 面包屑导航
document.querySelector('.now-breadcrumb').innerHTML = window.decodeURIComponent(catName);

// 当前页
let page = 1;
// 总页数
let pageCount = 0
// 商品数量
let pagesize = 3;

let oBaseShop = document.querySelector('.base-shop');

// 拿到上面的catId之后 马上请求当前第一页ID的商品
goodsRender();

// 默认调用一次分页器
getMaxPageCount();

// 获取总页数
function getMaxPageCount() {
	yzb.ajax({
		url: BASE_URL + '/api_goods',
		data: {
			catId,
			page,
			pagesize
		},
		success(res) {
			if (res.code != 0) {
				console.log(res);
				return;
			}

			// 设置总页数
			pageCount = res.page;

			// 调用分页器
			yzbPagination();
		},
	})
};

// 分页器
function yzbPagination(){
	// 调用分页器
	$('.classify-pagination').pagination({
		// 总页数
		pageCount: pageCount,
		current: 1,
		prevContent: "上一页",
		nextContent: "下一页",
		mode: 'fixed',
		count: 6,
		coping: true,
		homePage: '首页',
		endPage: '末页',
		isHide: true,
		jump: true,
		callback(obj) {
			// 获取当前页 请求当前页数据
			page = obj.getCurrent();
			// 调用数据方法
			goodsRender();
		},
	});
}

// 商品渲染的方法
function goodsRender() {

	yzb.ajax({
		url: BASE_URL + '/api_goods',
		data: {
			catId,
			page,
			pagesize
		},
		success(res) {
			if (res.code != 0) {
				console.log(res);
				return;
			};
			
			// 验证商品数据
			if(res.data.length == 0){
				oBaseShop.innerHTML = '此分类下的商品正在上新中...';
				return;
			};

			// 组装结构
			let str = '';
			res.data.forEach(item => {
				// 里面使用字符串赋值
				str += `
				<li>
					<div class="base-cart-up">
						<img src="${item.goods_thumb}" alt=""/>
						<a href="goods.html?goodsId=${item.goods_id}&catId=${item.cat_id}" class="base-mask">
							<p>¥${item.price}</p>
							<p>${item.goods_name}</p>
							<p>${item.goods_desc}</p>
						</a>
					</div>
					<div class="base-cart-brand">
						<div>
							<img src="${item.brand_thumb}" />
							<span>${item.brand_name}</span>
						</div>
						<div>
							<span>${item.goods_number}</span>
							<span class="iconfont icon-aixin_shixin"></span>
						</div>
					</div>
				</li>
		`;

			});
			// 添加到页面
			oBaseShop.innerHTML = str;
		}
	});
};

})();